/**
 * 打开选项卡(第一层iframe中使用)
 * @param dataUrl		请求地址
 * @param titleName		tab选择卡名称
 * @auth jawoo
 */
function openTab(dataUrl, titleName) {
	console.log(dataUrl);
	//debugger;
	if (dataUrl == undefined || $.trim(dataUrl).length == 0)
		return false;

	var dataIndex = '', flag = true;
	var urlId = dataUrl.split('?')[0];

	dataIndex = new Date().getTime();
	
	var currTab = parent.$("[data-id='"+urlId+"'].J_menuTab");
    if(currTab && currTab.length>0){//如果选项卡已存在
    	$(currTab).addClass('active').siblings('.J_menuTab').removeClass('active');
    	var iframe = parent.$("[data-id='"+urlId+"'].J_iframe");
        $(iframe).remove();
    }else{//如果选项卡不存在
    	var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + urlId + '">' + titleName + ' <i class="fa fa-times-circle"></i></a>';
		parent.$('.J_menuTab').removeClass('active');
		// 添加选项卡
		parent.$('.J_menuTabs .page-tabs-content').append(str);
    }
    //滚动到指定选项卡
    scrollToTab(parent.$('.J_menuTab.active'));

	// 添加选项卡对应的iframe
	var iframeStr = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + urlId + '" seamless></iframe>';
	parent.$('.J_mainContent').find('iframe.J_iframe').hide().parents('.J_mainContent').append(iframeStr);
	
	// 显示loading提示
	var loading = parent.layer.load();	
	parent.$('.J_mainContent iframe:visible').load(function() {
		// iframe加载完成后隐藏loading提示
		parent.layer.close(loading);
	});
	
	return false;
}

// 计算元素集合的总宽度
function calSumWidth(elements) {
	var width = 0;
	$(elements).each(function() {
		width += $(this).outerWidth(true);
	});
	return width;
}

// 滚动到指定选项卡
function scrollToTab(element) {
	var marginLeftVal = calSumWidth($(element).prevAll()), marginRightVal = calSumWidth($(element).nextAll());
	// 可视区域非tab宽度
	var tabOuterWidth = calSumWidth(parent.$(".content-tabs").children().not(".J_menuTabs"));
	// 可视区域tab宽度
	var visibleWidth = parent.$(".content-tabs").outerWidth(true) - tabOuterWidth;
	// 实际滚动宽度
	var scrollVal = 0;
	if (parent.$(".page-tabs-content").outerWidth() < visibleWidth) {
		scrollVal = 0;
	} else if (marginRightVal <= (visibleWidth - $(element).outerWidth(true) - $(element).next().outerWidth(true))) {
		if ((visibleWidth - $(element).next().outerWidth(true)) > marginRightVal) {
			scrollVal = marginLeftVal;
			var tabElement = element;
			while ((scrollVal - $(tabElement).outerWidth()) > (parent.$(".page-tabs-content").outerWidth() - visibleWidth)) {
				scrollVal -= $(tabElement).prev().outerWidth();
				tabElement = $(tabElement).prev();
			}
		}
	} else if (marginLeftVal > (visibleWidth - $(element).outerWidth(true) - $(element).prev().outerWidth(true))) {
		scrollVal = marginLeftVal - $(element).prev().outerWidth(true);
	}
	parent.$('.page-tabs-content').animate({marginLeft : 0 - scrollVal + 'px'}, "fast");
}
